<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.container {
				height: 150px;
				background-color: pink;
				margin: 0 auto;
				
				
			}
			/*超小屏幕下*/
			@media only screen and (max-width: 767px) {
				.container {
					width: 100%;
				}
			}
			/*小屏幕下*/
			@media only screen and (min-width: 768px) {
				.container {
					width: 750px;
				}
			}
			/*中等屏幕下*/
			@media only screen and (min-width: 992px) {
				.container {
					width: 970px;
				}
			}
			/*大屏幕下*/
			@media only screen and (min-width: 1200px) {
				.container {
					width: 1170px;
				}
			}
		</style>
	</head>
	<body>
		<div class="container">
			
		</div>
		
		
	</body>
</html>
